<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>答案得分 评估报告 result</title>
    <link href="../../css/chooseResult.css" rel="stylesheet">
</head>
<body>
    <div class="evaluate-report">
        <div class="one-line">
            <ul class="menu-prefix">
                <li class="selected">
                    <a href="" class="prefix-word">评估报告</a>
                </li>
                <li class="unselected">
                    <a href="" class="suffix-word">答案解析</a>
                </li>
            </ul>
        </div>
        <div class="second-line">
            <div class="grade">
                <div class="graph-info">
                    <div class="graph-statistic">
                        <img src="../../images/zw/statistic.svg" class="svg">
                        <div class="graph-score">
                            <span class="score">得分：</span>
                            <span class="score">10.0</span>
                        </div>
                    </div>
                    <div class="graph-detail">
                        <p class="paragraph">
                            <span class="item-label">试卷：</span>
                            编程语言-Java专项练习
                            <span class="stars" title="难度系数"></span>
                        </p>
                        <p class="paragraph">
                            <span class="item-label">正确题数：</span>
                            <span>1</span>
                            <span>/</span>
                            <span>10</span>
                        </p>
                        <p class="paragraph">
                            <span class="item-label">得分：</span>
                            <span>10.0</span>

                        </p>
                        <p class="paragraph">
                            <span class="item-label">用时：</span>
                            00:02:15
                        </p>

                        <p class="paragraph last">
                           <a href="javascript:void(0)" class="btn play-card">今日打卡</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="third-line">
            <div class="third-one">
                <div class="third-one-inner">
                    <h1>
                        通过本次练习，你的以下技能评估结果发生了变化。
                    </h1>
                </div>
            </div>
            <div class="third-two">
                <div class="result-status">
                    <span class="progress-label">Java</span>
                    <div class="progress">
                        <div class="progress-bar" style="width:12.84%"></div>
                        <div class="progress-bar2" style="width:14.15%"></div>
                    </div>
                    <div class="progress-tip">
                        12.84
                        <img src="../../images/zw/rightArrow.svg" class="images-svg">
                        14.15
                    </div>
                    <button class="practice-btn" type="submit">专项练习</button>
                </div>
                <div class="result-status">
                    <span class="progress-label">编程基础</span>
                    <div class="progress">
                        <div class="progress-bar" style="width:2.5%"></div>
                        <div class="progress-bar2" style="width:3.54%"></div>
                    </div>
                    <div class="progress-tip">
                        2.5
                        <img src="../../images/zw/rightArrow.svg" class="images-svg">
                        3.54
                    </div>
                    <button class="practice-btn" type="submit">专项练习</button>
                </div>
                <div class="result-btn">
                    <a href="javascript:void(0)" class="practice-btn">练习其他技能</a>
                    <a href="javascript:void(0)" class="practice-btn">再练一套</a>
                </div>
                <div class="answer-btn">
                    <a href="javascript:void(0)" class="practice-btn">查看答案解析</a>
                </div>

            </div>
        </div>
    </div>

</body>
</html>